
  
  
    
    
      
      
        
        
        
        
        
          
          
          
        
        
        
      
        
          
        
        
        
        
        
          
          
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  
    
    
      
      
        
        
        
        
        
          
          
        
        
        
      
        
        
        
        
        
          
          
            
            
            
          
        
        
        
      
      
    
  

<!DOCTYPE html>
<html lang="en-us">
  <head>
    
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Hugo 0.84.4 with theme Tranquilpeak 0.4.8-BETA">
<meta name="author" content="Firstname Lastname">
<meta name="keywords" content="">
<meta name="description" content="Hugo tranquilpeak theme demo">


<meta property="og:description" content="Hugo tranquilpeak theme demo">
<meta property="og:type" content="website">
<meta property="og:title" content="Categories">
<meta name="twitter:title" content="Categories">
<meta property="og:url" content="https://zz.gitee.io/categories/">
<meta property="twitter:url" content="https://zz.gitee.io/categories/">
<meta property="og:site_name" content="Hugo tranquilpeak theme">
<meta property="og:description" content="Hugo tranquilpeak theme demo">
<meta name="twitter:description" content="Hugo tranquilpeak theme demo">
<meta property="og:locale" content="en-us">


<meta name="twitter:card" content="summary">











  <meta property="og:image" content="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=640">
  <meta property="twitter:image" content="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=640">


    <title>Categories</title>

    <link rel="icon" href="https://zz.gitee.io/favicon.png">
    
      <link rel="alternate" type="application/rss+xml" title="RSS" href="https://zz.gitee.io/categories/index.xml">
    

    

    <link rel="canonical" href="https://zz.gitee.io/categories/">

    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.min.css" integrity="sha256-vuXZ9LGmmwtjqFX1F+EKin1ThZMub58gKULUyf0qECk=" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/helpers/jquery.fancybox-thumbs.min.css" integrity="sha256-SEa4XYAHihTcEP1f5gARTB2K26Uk8PsndQYHQC1f4jU=" crossorigin="anonymous" />
    
    
    <link rel="stylesheet" href="https://zz.gitee.io/css/style-twzjdbqhmnnacqs0pwwdzcdbt8yhv8giawvjqjmyfoqnvazl0dalmnhdkvp7.min.css" />
    
    

    
      
    
    
  </head>

  <body>
    <div id="blog">
      <header id="header" data-behavior="1">
  <i id="btn-open-sidebar" class="fa fa-lg fa-bars"></i>
  <div class="header-title">
    <a class="header-title-link" href="https://zz.gitee.io/">Hugo tranquilpeak theme</a>
  </div>
  
    
      <a class="header-right-picture "
         href="https://zz.gitee.io/#about">
    
    
    
      
        <img class="header-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=90" alt="Author&#39;s picture" />
      
    
    </a>
  
</header>

      <nav id="sidebar" data-behavior="1">
  <div class="sidebar-container">
    
      <div class="sidebar-profile">
        <a href="https://zz.gitee.io/#about">
          <img class="sidebar-profile-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=110" alt="Author&#39;s picture" />
        </a>
        <h4 class="sidebar-profile-name">Firstname Lastname</h4>
        
          <h5 class="sidebar-profile-bio">Super bio with markdown support <strong>COOL</strong></h5>
        
      </div>
    
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/">
    
      <i class="sidebar-button-icon fa fa-lg fa-home"></i>
      
      <span class="sidebar-button-desc">Home</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/categories">
    
      <i class="sidebar-button-icon fa fa-lg fa-bookmark"></i>
      
      <span class="sidebar-button-desc">Categories</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/tags">
    
      <i class="sidebar-button-icon fa fa-lg fa-tags"></i>
      
      <span class="sidebar-button-desc">Tags</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/archives">
    
      <i class="sidebar-button-icon fa fa-lg fa-archive"></i>
      
      <span class="sidebar-button-desc">Archives</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/#about">
    
      <i class="sidebar-button-icon fa fa-lg fa-question"></i>
      
      <span class="sidebar-button-desc">About</span>
    </a>
  </li>


    </ul>
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://github.com/kakawait" target="_blank" rel="noopener">
    
      <i class="sidebar-button-icon fa fa-lg fa-github"></i>
      
      <span class="sidebar-button-desc">GitHub</span>
    </a>
  </li>

  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://stackoverflow.com/users/636472/kakawait" target="_blank" rel="noopener">
    
      <i class="sidebar-button-icon fa fa-lg fa-stack-overflow"></i>
      
      <span class="sidebar-button-desc">Stack Overflow</span>
    </a>
  </li>


    </ul>
    <ul class="sidebar-buttons">
      
  <li class="sidebar-button">
    
      <a class="sidebar-button-link " href="https://zz.gitee.io/index.xml">
    
      <i class="sidebar-button-icon fa fa-lg fa-rss"></i>
      
      <span class="sidebar-button-desc">RSS</span>
    </a>
  </li>


    </ul>
  </div>
</nav>

      

      <div id="main" data-behavior="1"
        class="
               hasCoverMetaIn
               ">

        <div id="categories-archives" class="main-content-wrap">
          <form id="filter-form" action="##">
            <input name="category" type="text" class="form-control input--xlarge"
                   placeholder="Search category" autofocus="autofocus">
          </form>
          <h5 class="archive-result text-color-base text-xlarge"
              data-message-zero="no category found"
              data-message-one="1 cartegory found"
              data-message-other="{n} categories found"></h5>
          <section class="boxes">
            
              
                
                <div>
                  <a href="#posts-list-tranquilpeak" class="category-anchor" data-category="tranquilpeak" data-parent-categories="">tranquilpeak</a>
                  
                    
                    
                      

  <ul style="margin-bottom:0;">
    <div>
      <a href="#posts-list-features" class="category-anchor" data-category="features" data-parent-categories="tranquilpeak"> / features</a>
    </div>
  
  
  
  </ul>


                    
                      

  <ul style="margin-bottom:0;">
    <div>
      <a href="#posts-list-releases" class="category-anchor" data-category="releases" data-parent-categories="tranquilpeak"> / releases</a>
    </div>
  
  
  
  </ul>


                    
                      

  <ul style="margin-bottom:0;">
    <div>
      <a href="#posts-list-showcase" class="category-anchor" data-category="showcase" data-parent-categories="tranquilpeak"> / showcase</a>
    </div>
  
  
  
  </ul>


                    
                  
                </div>
              
            
          </section>
          <section class="boxes">
            
              
                
                <div id="posts-list-tranquilpeak" class="archive box" data-category="tranquilpeak" data-parent-categories="" style="display: block;">
                  <h4 class="archive-title text-xlarge">
                    <a class="link-unstyled" href="tranquilpeak">tranquilpeak (13)</a>
                  </h4>
                  <ul class="archive-posts">
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/video-integrations-showcase/">Video integrations showcase</a><span class="archive-post-date"> - 
  August 9, 2014
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/1/01/unity/">UIUI</a><span class="archive-post-date"> - 
  January 1, 1
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2015/05/cover-image-showcase/">Cover image showcase</a><span class="archive-post-date"> - 
  May 13, 2015
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2015/03/highlighted-code-showcase/">highlighted code showcase</a><span class="archive-post-date"> - 
  March 23, 2015
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-social-section-showcase/">Hidden social section showcase</a><span class="archive-post-date"> - 
  August 17, 2014
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2015/05/elements-showcase/">Elements showcase</a><span class="archive-post-date"> - 
  May 28, 2015
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2013/01/japanese-test/">日本語テスト</a><span class="archive-post-date"> - 
  January 2, 2013
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-pagination-showcase/">Hidden pagination showcase</a><span class="archive-post-date"> - 
  August 15, 2014
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2013/02/image-gallery-showcase/">Image gallery showcase</a><span class="archive-post-date"> - 
  February 18, 2013
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2013/10/chinese-test/">中文測試</a><span class="archive-post-date"> - 
  October 2, 2013
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-tag-section-showcase/">Hidden tag section showcase</a><span class="archive-post-date"> - 
  August 16, 2014
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2015/06/welcome-to-tranquilpeak-0.4.8-beta/">Welcome to Tranquilpeak 0.4.8-BETA</a><span class="archive-post-date"> - 
  June 15, 2015
</span>
                      </li>
                    
                      <li class="archive-post">
                        <a class="archive-post-title" href="https://zz.gitee.io/2015/06/who-is-using-tranquilpeak-hugo-theme/">Who&#39;s using Tranquilpeak Hugo Theme</a><span class="archive-post-date"> - 
  June 14, 2015
</span>
                      </li>
                    
                    
                      
                      
                        

  <div id="posts-list-features" class="archive" data-category="features" data-parent-categories="tranquilpeak" style="display: block;">
  <h4 class="archive-title text-xlarge">
    <a class="link-unstyled" href="features">features (11)</a>
  </h4>
  <ul class="archive-posts">
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/video-integrations-showcase/">Video integrations showcase</a><span class="archive-post-date"> - 
  August 9, 2014
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/1/01/unity/">UIUI</a><span class="archive-post-date"> - 
  January 1, 1
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2015/05/cover-image-showcase/">Cover image showcase</a><span class="archive-post-date"> - 
  May 13, 2015
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2015/03/highlighted-code-showcase/">highlighted code showcase</a><span class="archive-post-date"> - 
  March 23, 2015
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-social-section-showcase/">Hidden social section showcase</a><span class="archive-post-date"> - 
  August 17, 2014
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2015/05/elements-showcase/">Elements showcase</a><span class="archive-post-date"> - 
  May 28, 2015
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2013/01/japanese-test/">日本語テスト</a><span class="archive-post-date"> - 
  January 2, 2013
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-pagination-showcase/">Hidden pagination showcase</a><span class="archive-post-date"> - 
  August 15, 2014
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2013/02/image-gallery-showcase/">Image gallery showcase</a><span class="archive-post-date"> - 
  February 18, 2013
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2013/10/chinese-test/">中文測試</a><span class="archive-post-date"> - 
  October 2, 2013
</span>
      </li>
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2014/08/hidden-tag-section-showcase/">Hidden tag section showcase</a><span class="archive-post-date"> - 
  August 16, 2014
</span>
      </li>
    
  </ul>
  
  
  
  </div>


                      
                        

  <div id="posts-list-releases" class="archive" data-category="releases" data-parent-categories="tranquilpeak" style="display: block;">
  <h4 class="archive-title text-xlarge">
    <a class="link-unstyled" href="releases">releases (1)</a>
  </h4>
  <ul class="archive-posts">
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2015/06/welcome-to-tranquilpeak-0.4.8-beta/">Welcome to Tranquilpeak 0.4.8-BETA</a><span class="archive-post-date"> - 
  June 15, 2015
</span>
      </li>
    
  </ul>
  
  
  
  </div>


                      
                        

  <div id="posts-list-showcase" class="archive" data-category="showcase" data-parent-categories="tranquilpeak" style="display: block;">
  <h4 class="archive-title text-xlarge">
    <a class="link-unstyled" href="showcase">showcase (1)</a>
  </h4>
  <ul class="archive-posts">
    
      <li class="archive-post" style="display: list-item;">
        <a class="archive-post-title" href="https://zz.gitee.io/2015/06/who-is-using-tranquilpeak-hugo-theme/">Who&#39;s using Tranquilpeak Hugo Theme</a><span class="archive-post-date"> - 
  June 14, 2015
</span>
      </li>
    
  </ul>
  
  
  
  </div>


                      
                    
                  </ul>
                </div>
              
            
          </section>
        </div>
        <footer id="footer" class="main-content-wrap">
  <span class="copyrights">
    &copy; 2021 Firstname Lastname. All Rights Reserved
  </span>
</footer>

      </div>
    </div>
    <div id="about">
  <div id="about-card">
    <div id="about-btn-close">
      <i class="fa fa-remove"></i>
    </div>
    
      <img id="about-card-picture" src="https://www.gravatar.com/avatar/d09dc2d7aa5c467519e8af89f7b3d94c?s=110" alt="Author&#39;s picture" />
    
    <h4 id="about-card-name">Firstname Lastname</h4>
    
      <div id="about-card-bio">Super bio with markdown support <strong>COOL</strong></div>
    
    
      <div id="about-card-job">
        <i class="fa fa-briefcase"></i>
        <br/>
        Your job title
      </div>
    
    
      <div id="about-card-location">
        <i class="fa fa-map-marker"></i>
        <br/>
        France
      </div>
    
  </div>
</div>

    
  
    
      <div id="cover" style="background-image:url('https://zz.gitee.io/images/cover.jpg');"></div>
    
  


  </body>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" integrity="sha256-/BfiIkHlHoVihZdc6TFuj7MmJ0TWcWsMXkeDFwhi0zw=" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.7/js/jquery.fancybox.min.js" integrity="sha256-GEAnjcTqVP+vBp3SSc8bEDQqvWAZMiHyUSIorrWwH50=" crossorigin="anonymous"></script>


<script src="https://zz.gitee.io/js/script-pcw6v3xilnxydl1vddzazdverrnn9ctynvnxgwho987mfyqkuylcb1nlt.min.js"></script>


<script lang="javascript">
window.onload = updateMinWidth;
window.onresize = updateMinWidth;
document.getElementById("sidebar").addEventListener("transitionend", updateMinWidth);
function updateMinWidth() {
  var sidebar = document.getElementById("sidebar");
  var main = document.getElementById("main");
  main.style.minWidth = "";
  var w1 = getComputedStyle(main).getPropertyValue("min-width");
  var w2 = getComputedStyle(sidebar).getPropertyValue("width");
  var w3 = getComputedStyle(sidebar).getPropertyValue("left");
  main.style.minWidth = `calc(${w1} - ${w2} - ${w3})`;
}
</script>

<script>
$(document).ready(function() {
  hljs.configure({ classPrefix: '', useBR: false });
  $('pre.code-highlight > code, pre > code').each(function(i, block) {
    if (!$(this).hasClass('codeblock')) {
      $(this).addClass('codeblock');
    }
    hljs.highlightBlock(block);
  });
});
</script>





</html>
